/*
 * Windows WebOS
 * WEB 桌面风格，基于Layui-打造的Windows WebOS桌面风格，实现了右键、开始菜单、返回桌面等一些列功能。窗口全部由 layer 完成
 * http://test.90zs.net/window
 * Copyright 2016-2017, SMALL,1531982850
 * The 90zs.net
 * http://www.90zs.net/
 * Released on: 12, 2016
*/
html, body.desktop-bg { height: 100%; position: relative; background: url(../images/desktop_windows7.jpg) center no-repeat; /*background-size: 100% 100%*/overflow: hidden; -webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;}
/*系统所需图标*/
@font-face { font-family: "iconfont"; src: url('fonts/iconfont.eot?t=1480683923713'); /* IE9*/ src: url('fonts/iconfont.eot?t=1480683923713#iefix') format('embedded-opentype'), /* IE6-IE8 */  url('fonts/iconfont.woff?t=1480683923713') format('woff'), /* chrome, firefox */  url('fonts/iconfont.ttf?t=1480683923713') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/  url('fonts/iconfont.svg?t=1480683923713#iconfont') format('svg'); /* iOS 4.1- */ }
.iconfont { font-family: "iconfont" !important; font-size: 16px;  font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; color: #fff; }

/*桌面切换*/.desktop-container { width: 100%; height: 94%; margin-left: auto; margin-right: auto;overflow: hidden;  }
.swiper-slide { }
/*窗体刷新*/
.layui-layer-setwin a.layui-refreswind{ cursor:pointer; font-size:16px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.layui-layer-setwin a.layui-refreswind:hover{ color:#fff;transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);}

/*任务栏样式*/.desktop-taskbar { width: 100%; height: 40px; background-color: rgba(0, 0, 0, 0.6); background:url(../images/rgba00006.png) repeat \9; position: absolute; left: 0px; right: 0px; bottom: 0px; z-index:29891035 }
.desktop-taskbar-pr{ position:relative; }
/*开始菜单*/.opening-menu{  visibility: hidden; position:fixed; width:374px; left:0px; bottom:40px; opacity:0;background-color:#44628f; filter: alpha(Opacity=80);-moz-opacity: 0.8;opacity: 0.8; -webkit-transform: translateY(400px);-ms-transform: translateY(400px);transform: translateY(400px);-webkit-transition: all .2s;transition: all .2s;-moz-border-radius: 5px 5px 0 0;-khtml-border-radius: 5px 5px 0 0;-webkit-border-radius: 5px 5px 0 0;border-radius: 5px 5px 0 0; z-index:2017010515}
.opening-menu.opening-menu-on{visibility: visible; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0);transform: translateY(0);-webkit-transition: opacity .3s, -webkit-transform .3s;transition: opacity .3s, transform .3s;}
.opening-menu-app-list{ width:212px; background-color:#fff; margin:6px;border: solid 1px #365167; box-shadow: 0 0 1px #fff; -moz-box-shadow: 0 0 1px #fff; -webkit-box-shadow: 0 0 1px #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; min-height: 350px; padding:2px; float:left ;}
.opening-menu-app-list .desktop-app{ height:40px; position:inherit; width:202px; padding:4px; overflow:hidden; border:1px solid #fff; }
.opening-menu-app-list .desktop-app i.iconfont{ font-size:30px; height:40px; width:40px; float:left;line-height:40px;}
.opening-menu-app-list .desktop-app i.layui-icon{ font-size:30px; height:40px; width:40px; float:left;line-height:40px;}
.opening-menu-app-list .desktop-app span.desktop-title{ display:block; height:40px; line-height:40px; background:none; float:left; margin-top:0px; color:#4b4b4b;}
.opening-menu-user{ width:127px; min-height:350px; margin:7px; float:right; position:relative;}
.desktop-opening-icon{ height:64px; width:64px; background:url(../images/folder.png) center no-repeat; position:absolute; top:-50px; left:30.5px;}
.opening-menu-user-list{ margin-top:32px;}
.opening-menu-user-list a{ display:block; color:#fff;border: solid 1px transparent;margin: 5px 0;line-height: 28px;padding-left: 5px;}
.opening-menu-user-list a:hover { border: solid 1px #000; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; background-color: #658da0; background: -moz-linear-gradient(center left, rgba(81,115,132,0.55), rgba(121,163,184,0.55) 50%, rgba(81,115,132,0.55)); background: -webkit-gradient(linear, 0% 100%, 100% 100%, from(#517384), color-stop(50%, #79a3b8), to(#517384)); }

.taskbar-win{ width:60px; height:40px; text-align:center; line-height:40px;cursor:pointer}
.taskbar-win i.iconfont{ font-size:25px;}
.taskbar-time{ width:80px; height:40px; text-align:center; color:#fff; position:absolute; top:0px; right:15px;}
.taskbar-time:hover{background-color:rgba(255, 255, 255, 0.30);background:url(../images/rgbafff28.png) repeat \9;}
.taskbar-time label{ color:#fff; line-height:20px;}
.taskbar-showdesktop{ width:15px; height:40px; background-color:rgba(255, 255, 255, 0.28); position:absolute; right:0px; top:0px;background:url(../images/rgbafff28.png) repeat \9;}
.desktop-taskbar-app-list{ width:86% \9; }
.taskbar-app{ padding:0 8px; height:40px; line-height:40px; text-align:center; color:#fff; cursor:default; }
.taskbar-app.taskbar-app-on{ background-color:rgba(255, 255, 255, 0.30);}
.taskbar-app:hover{background-color:rgba(255, 255, 255, 0.30);background:url(../images/rgbafff28.png) repeat \9;}
.taskbar-app i.iconfont{ font-size:25px; padding:3px; height:28px; cursor:default; margin:3px 5px 3px 0; float:left; line-height:28px;}
.taskbar-app i.layui-icon{ font-size:25px; padding:3px; height:28px; cursor:default; margin:3px 0; float:left; line-height:28px;}
.taskbar-app span.desktop-title{ float:left; margin-left:5px;}

/*桌面图标通用样式*/.desktopContainer { margin: 1%; width: 98%; height: 98%; position: relative }
.desktop-app { height: 88px; padding:3px; width:88px; border:1px solid transparent; position: absolute; cursor:pointer }
.desktop-app:hover { border: solid 1px #7da2ce; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: inset 0 0 1px #fff; -moz-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; background: #cfe3fd; background: -moz-linear-gradient(top, #dcebfd, #c2dcfd); background: -webkit-gradient(linear, center top, center bottom, from(#dcebfd), to(#c2dcfd)); opacity:.9;filter: alpha(Opacity=90);  }
.desktop-app i.layui-icon{display: block; width: 60px; height: 60px; margin: 0 auto; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 50px; color:#fff;}
.desktop-app i.iconfont { display: block; width: 60px; height: 60px; margin: 0 auto; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 50px;  }
.desktop-app span.desktop-title { width: 68px; height: 21px; display: block; margin: 5px auto 0; line-height: 21px; text-align: center;/* background-color: rgba(0, 0, 0, 0.6); */-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size: 12px; color: #fff;background:url(../images/rgba00006.png) repeat \9;  }
html .desktop-win-app .layui-layer-setwin{ top:10px;}
/*便签*/
html .layui-layer-notepaper{background-color:#fff57c;}
.layui-layer-notepaper .layui-layer-title{border:none; background-color:#fff57c; color:#000;}
.layui-layer-notepaper textarea.notepaper{ height:100%;}
/*右键菜单*/.desktop-menu { position: absolute; width: 150px; height: auto; background-color: rgb(255, 255, 255); border: #CCC 1px solid; display: none; border-radius: 5px; z-index: 219930725; }
.desktop-menu ul { margin: 0px; padding: 0px; }
.desktop-menu ul li { list-style: none; line-height: 30px; height: 30px; margin: 3px 0px; padding: 0px; font-size: 13px; }
.desktop-menu ul li a { text-decoration: none; display: block; font-family: 微软雅黑; padding: 0px 5px 0 30px; height: 100%; color: #333; outline: none; }
.desktop-menu ul li a:hover { background-color: #DDD; }
.desktop-menu ul hr { margin: 1px 0px; height: 0px; border: 0px; border-bottom: #CCC 1px solid; }
/*日程提醒*/
.calendar-layout{width:300px; max-height:400px; margin:0 auto;}
.calendar-header{ height:40px; line-height:40px; text-align:center; background-color:#393D49; font-size:16px; font-weight:500; color:#fff;}
.calendar-list{ }	
.calendar-list .layui-elem-quote{ padding:5px; margin-top:5px; border-left:none; color:#8a7777; }
.calendar-list .layui-elem-quote span{ background-color:#f10f4d; color:#fff; padding:2px 6px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; margin-right:5px;}

/* smartMenu.css 右键菜单 	by zhangxinxu */
.smart_menu_box{display:none; width:140px; position:absolute; z-index:20172151932;}
.smart_menu_body{padding:1px; border:1px solid #B8CBCB; background-color:#fff; -moz-box-shadow:2px 2px 5px #666; -webkit-box-shadow:2px 2px 5px #666; box-shadow:2px 2px 5px #666;}
.smart_menu_ul{margin:0; padding:0; list-style-type:none;}
.smart_menu_li{position:relative;}
.smart_menu_a{display:block; height:25px; line-height:24px; padding:0 5px 0 25px; color:#000; font-size:12px; text-decoration:none; overflow:hidden;}
.smart_menu_a:hover, .smart_menu_a_hover{background-color:#348CCC; color:#fff; text-decoration:none;}
.smart_menu_li_separate{line-height:0; margin:3px; border-bottom:1px solid #B8CBCB; font-size:0;}
.smart_menu_triangle{width:0; height:0; border:5px dashed transparent; border-left:5px solid #666; overflow:hidden; position:absolute; top:7px; right:5px;}
.smart_menu_a:hover .smart_menu_triangle, .smart_menu_a_hover .smart_menu_triangle{border-left-color:#fff;}
.smart_menu_li_hover .smart_menu_box{top:-1px; left:130px;}

/*锁屏?兼容登陆*/.desktop-locking{ position:absolute; width:100%; height:100%; z-index:20172151934; background-color:#000; top:0px; right:0px; bottom:0px; left:0px; display:none; height: auto;
   }
.locking-layout{ position:relative; width:100%; height:100%;top:0px; right:0px; bottom:0px; left:0px; background:url(../images/bg2.jpg) center no-repeat; display: -webkit-box; display: box; display: -moz-box;display: -o-box; -webkit-box-align: center; -moz-box-align: center;-o-box-align: center;box-align: center;-webkit-box-pack: center;-moz-box-pack: center;-o-box-pack: center;box-pack: center;}
.locking-cover{ position:absolute; width:100%; height:100%;top:0px; right:0px; bottom:0px; left:0px; background-color:rgba(0,0,0,.3);background:none \9;}
.locking-cover-calendar{ width:280px; color:#fff; position:absolute; left:30px; bottom:50px;}
.locking-cover-calendar .lcc-time{ font-size:56px;}
.locking-cover-calendar .lcc-ymdw{ font-size:36px;}
.locking-unlock{ width:300px; height:300px; margin:0px auto;}
.locking-unlock .user-status{ width:120px; height:120px; -webkit-border-radius: 50%;-moz-border-radius:50% ;border-radius:50% ; overflow:hidden; margin:0 auto;}
.locking-unlock .user-nickname{ text-align:center; height:40px; line-height:40px; font-size:36px; color:#fff; margin:20px auto;}
.locking-unlock .user-status img{ width:100%;}
.locking-unlock .user-unlock{ position:relative;}
.locking-unlock .unlock-see-pwd{ position:absolute; top:7px; right:6px; font-size:20px; color:#9e9e9e; cursor:pointer}
.locking-unlock .unlock-see-pwd:hover{ color:#000;}
/*登录模块*/.desktop-locking.desktop-login { display:block}
.desktop-login .user-nickname .login-username{ font-size:14px; color:#999}
.desktop-login .locking-layout{ background:}
.desktop-login .unlock-pwd{width: calc(100% - 57px); -webkit-border-radius: 2px 0 0 2px;-moz-border-radius: 2px 0 0 2px;border-radius: 2px 0 0 2px;  margin:0px; float:left}
.desktop-login-submit{ margin:0px; float:left;-webkit-border-radius: 0 2px 2px 0;-moz-border-radius:0 2px 2px 0;border-radius: 0 2px 2px 0; background-color:#4ba4ff;}

/*
 * Swiper 2.7.6
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: February 11, 2015
*/
/* ===============================================================
Basic Swiper Styles 
================================================================*/
.swiper-container{position:relative;z-index:1;overflow:hidden;margin:0 auto;direction:ltr;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;}
.swiper-wrapper{position:relative;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;width:100%;-webkit-transition-timing-function:ease;-moz-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:0s;-moz-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s;-webkit-transition-property:-webkit-transform,left,top;-moz-transition-property:-moz-transform,left,top;-o-transition-property:-o-transform,left,top;transition-property:transform,left,top;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-o-transform:translate(0,0);transform:translate3d(0,0,0);-ms-transition-property:-ms-transform,left,top;-ms-transition-duration:0s;-ms-transform:translate3d(0,0,0);-ms-transition-timing-function:ease;}
.swiper-free-mode>.swiper-wrapper{margin:0 auto;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;}
.swiper-slide{float:left;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.swiper-wp8-horizontal{-ms-touch-action:pan-y;}
.swiper-wp8-vertical{-ms-touch-action:pan-x;}
.swiper-pagination{position:absolute;bottom:20px;left:0;z-index:10;width:100%;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);}
.swiper-pagination-switch{display:inline-block;margin:0 3px;width:8px;height:8px;border-radius:100%;background:#fff;background:#000;background:url(../images/rgba00006.png) repeat\9;opacity:.2;cursor:pointer;}
.swiper-visible-switch{background:#007aff;opacity:1;}
